<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>
        /**
         *  1 concat 不仅能拼接数组也能拼接字符串
         * 
         * **/ 
        let stringValue = "hello ";
        let result = stringValue.concat("world");
        console.log(result); // "hello world"
        console.log(stringValue); 

        /**
         * 删除
         * slice(start, end) 从一个字符串中提取一部分，并返回这个新的字符串（不包括 end 位置的字符）
         * start：必需,end可选, 支持负数索引，表示从字符串末尾开始的位置
         * 
         * substr(start, length)
         * start：必需,length可选, 支持负数索引，表示从字符串末尾开始的位置
         * 
         * substring(start, end)和slice()类似，但它不支持负数索引
         * **/ 

        const str1 = "Hello,world!"
        console.log(str1.slice(-1)); // !
        console.log(str1.slice(-0)); // Hello,world!
        console.log(str1.slice(0)); // Hello,world!
        console.log(str1.slice(2,7)); // 不包含end

        console.log(str1.substr(3,5));


        /**
         * 改
         * */ 
        const str2 = "Hello"
        console.log(str2.repeat(2)); // HelloHello
        console.log(str2.padEnd(9,'abc')); // Helloabca ---数字是几就有几位字母
        console.log(str2.padStart(9,'abc')); // abcaHello

        console.log(str2.toUpperCase()); // HELLO
        
        /**
         * 查
         *  chatAt() //给位置数字返回对应字符--返回给定索引位置的字符，由传给⽅法的整数参数指定
         *  indexOf() // 和chatAt相反 给字符返回对应的数字
         *  startsWith()
         *  includes()
         * **/ 

        const str3 = 'abcde' 
        console.log(str3.charAt(2)); //c
        console.log(str3.indexOf('c')); //2
        console.log(str3.startsWith('abc')); //true
        console.log(str3.includes('cd')); //true

        /**
         * 转换
         * split() 把字符串分割成数组
         * */ 
        let str4 = "12+23+34"
        console.log(str4.split('+'));// ['12', '23', '34']
        
        /**
         * 匹配
         * match() // 用到正则
         * search()
         * replace()
         * */ 
    </script>
</body>
</html>